<template>
  <div id="app_container">
    <el-container>
      <el-header height="50px">
        <img src="/static/images/logo.png" alt="">
        <span class="com-name">业务流程管理平台</span>
      </el-header>
      <el-main style="padding: 0;height: calc(100vh - 90px);overflow-y: auto">
        <el-container style="height: calc(100vh - 90px);overflow-y: auto">
          <el-aside width="200px">
            <ni-menu></ni-menu>
          </el-aside>
          <el-main>
            <router-view/>
          </el-main>
        </el-container>
      </el-main>
      <el-footer height="40px">
        <div class="foot-biu">
          四川新迎顺信息技术股份有限公司
        </div>
      </el-footer>
    </el-container>
  </div>
</template>

<script>

  import NiMenu from "../components/Ni-Menu";

  export default {
    name: 'Index',
    components: {NiMenu},
    data() {
      return {}
    },
    created: function () {

    },
    methods: {}
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  #app_container {
    width: 100vw;
    height: 100vh;
  }
</style>
